﻿<!DOCTYPE html>
<html lang="en">
<head>
<meta name="generator" content="HTML Tidy for Windows (vers 14 February 2006), see www.w3.org">
<meta charset="UTF-8">
<title>Portal Inicjatyw</title>
<meta name="viewport" content="width-device-width, initial-scale=1.0">
<meta name="description" content="">
<meta name="keywords" content="">
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">

<script src="js/jquery.jstree.js"></script>
<script type="text/javascript" class="source">
$(function () {
    jQuery("#demo1")
        .jstree(
		{
			"themes":{
				"theme" :"initiative",
				"dots" : false,
				"icons" : false
			}
		}
		)
		.bind("select_node.jstree", function (event, data) { 
			// `data.rslt.obj` is the jquery extended node that was clicked
			//alert(data.rslt.obj.attr("id"));
			window.location.href = data.rslt.obj.attr("id");

		})
		.delegate("a", "click", function (event, data) { event.preventDefault(); })
});
</script>

<style type='text/css'>
a.trigger {padding-left:20px; background-image: url(img/plus.gif); background-repeat: no-repeat; background-position: 1px 50%;  font-weight:700}

a.trigger.open {background-image: url(img/minus.gif)}
</style>
</head>
<body >
  <!-- pasek nawigacji-->
<div class="navbar"> 
  <div class="navbar-inner" style="background: #5BB75B">
    <div class="container">
      <div class="row">
        <div class="span1"> 
          <!-- logo --> 
          <a href="index.html"> <img alt="" src="img/logo2.gif" class="pull-left" style="margin-top: 3px; margin-bottom: 0px" /> </a> </div>
        <div class="span4"> 
          <!-- wyszukiwarka -->
          <form class="navbar-form pull-left">
            <input type="text" class="span3" placeholder="Szukaj">
          </form>
        </div>
        <div class="span6"> 
          <!-- 3 przyciski dropdown + logout button -->
          <div class="btn-toolbar" style="margin-top: 0px; margin-bottom: 0px"> 
            <!-- przycisk inicjatyw -->
            <div class="btn-group">
              <button class="btn" onclick="changeSubmenuTo('inicjatywy');"  style="background: #5BB75B;color:white;"> <i class="icon-ok icon-white"></i> Inicjatywy</button>
              <button class="btn btn-success dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button>
              <ul class="dropdown-menu">
                <li><a href="subwebsite.html"><i class="icon-star-empty"></i> Moje</a></li>
                <li><a href="#"><i class="icon-calendar"></i> Uczestnicze</a></li>
                <li><a href="#"><i class="icon-eye-open"></i> Obserwowane</a></li>
                <li><a href="#"><i class="icon-user"></i> Znajomych</a></li>
                <li class="divider"></li>
                <li><a href="#"><i class="icon-plus-sign"></i> Utwórz Nową</a></li>
                <li><a href="#"><i class="icon-cog"></i> Nowa Kategoria</a></li>
              </ul>
            </div>
            <!-- przycisk użytkowników -->
            <div class="btn-group">
              <button class="btn" onclick="changeSubmenuTo('uzytkownicy');" style="background: #5BB75B;color:white;"> <i class="icon-user icon-white"></i> Użytkownicy</button>
              <button class="btn btn-success dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button>
              <ul class="dropdown-menu">
                <li><a href="#"><i class="icon-book"></i> Twoi Znajomi</a></li>
                <li><a href="#"><i class="icon-fire"></i> Lorem Ipsum</a></li>
                <li><a href="#"><i class="icon-bell"></i> Lorem Ipsum</a></li>
              </ul>
            </div>
            <!-- przycisk profilu -->
            <div class="btn-group">
              <button class="btn" onclick="changeSubmenuTo('profil');" style="background: #5BB75B;color:white;"> <i class="icon-home icon-white"></i> Profil</button>
              <button class="btn btn-success dropdown-toggle" data-toggle="dropdown"> <span class="caret"></span> </button>
              <ul class="dropdown-menu">
                <li><a href="#"><i class="icon-wrench"></i> Ustawienia</a></li>
                <li><a href="#"><i class="icon-flag"></i> Pomoc</a></li>
                <li class="divider"></li>
                <li><a href="#"><i class="icon-off"></i> Wyloguj</a></li>
              </ul>
            </div>
            <!-- logout button --> 
            <a href="logout.html" > <img alt="" src="img/icon-off-white.png" class="pull-right" style="margin-top: 7px; margin-bottom: 0px" /> </a> </div>
        </div>
      </div>
    </div>
  </div>
</div>
 <!-- end pasek nawigacji --> 
<div class="container-fluid"> 


  <div class="row-fluid"> 
    <!-- menu boczne drzewa kategorii inicjatyw-->
    <div class="span2"> 
	<div class="row-fluid " style="background: #5BB75B;color:white; height: 30px;
-moz-border-radius: 5px;
border-radius: 5px;"> 
		<div style="margin-left:10px; text-shadow: 0 0 0.9em #8F7"> <h3>Kategorie</h3></div>
	</div>
	<div class="row-fluid"> 
	<div class="well" >
		<ul id="drzewoInicjatyw" class="accordion" style="margin-left:0px;list-style-type: none;  ">
        <li><a href="#item1">Item 1</a>
          <ul>
            <li><a href="#Sub11">Sub 1.1</a>
              <ul>
                <li><a href="#Sub111">Sub 1.1.1</a>
                  <ul>
                    <li><a href="#link1">Link 1</a></li>
                    <li><a href="#link2">Link 2</a></li>
                  </ul>
                </li>
                <li><a href="#Sub112">Sub 1.1.2</a>
                  <ul>
                    <li><a href="#link3">Link 3</a></li>
                    <li><a href="#link4">Link 4</a></li>
                  </ul>
                </li>
              </ul>
            </li>
            <li><a href="#Sub12">Sub 1.2</a>
              <ul>
                <li><a href="#link5">Link 5</a></li>
                <li><a href="#link6">Link 6</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li>Item 2
          <ul>
            <li>Sub 2.1
              <ul>
                <li><a href="#link11">Link 11</a></li>
                <li><a href="#link12">Link 12</a></li>
              </ul>
            </li>
            <li>Sub 2.2
              <ul>
                <li><a href="#link13">Link 13</a></li>
              </ul>
            </li>
            <li>Sub 2.3
              <ul>
                <li><a href="#link14">Link 14</a></li>
                <li><a href="#link15">Link 15</a></li>
                <li><a href="#link16">Link 16</a></li>
              </ul>
            </li>
          </ul>
        </li>
        <li>Item 3
          <ul>
            <li><a href="#link17">Link 17</a></li>
            <li><a href="#link18">Link 18</a></li>
          </ul>
        </li>
        <li><a href="#item4">Item 4</a></li>
      </ul>
      <!--end drzewo boczne kategorii inicjatyw --> 
	  
	
	  
	</div>
    </div>  
    </div>
    <!-- MAIN CONTENT -->
    <div class="span10" > 
	
	  <!-- breadcrumbs scieżki kategorii -->
  <div class="row-fluid">
    <div class="span12" style="background: white">  
	
	
	<ul class="breadcrumb">
  <li>
    <a href="#">Sport</a> <span class="divider">></span>
  </li>
  <li>
    <a href="#">Gry Zespołowe</a> <span class="divider">></span>
  </li>
  <li class="active">Piłka nożna</li>
</ul>
	
	
	</div>
  </div>
  <!--end breadcrumbs  -->
	<div class="well">
	MAIN CONTENT
</br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br></br>
	
	</div>
	</div>
    <!-- END MAIN CONTENT--> 
  </div>
    
  <!-- stopka -->	
  <div class="row-fluid">
    <div class="span12" style="text-align:center; font-size:xx-small;"> Portal Inicjatyw 2012</div>
  </div>
  <!-- stopka -->
  
  <!-- odstęp -->
  <div class="row-fluid">
    <div class="span12" ></div>
  </div>
  <!-- end odstęp --> 
 
</div>
  <!-- stopka -->


<div class="navbar navbar-fixed-bottom" style="height:20px;">
  <div class="navbar-inner" style="background: #5BB75B;text-shadow: 0 0 0.2em #8F7;color:white;text-align:right;">
    <div class="span8 offset5" >
		<div class="container" >

	<div class="span6" >Jesteś zalogowany jako: <strong>Użytkownik1</strong> </div>
	<div class="span2" ><i class="icon-calendar icon-white" style="margin-top:2px"></i> wtorek 01-05-2012   </div>
    </div>
	</div>
		<button class="close" data-dismiss="alert" style="margin:2px 5px 0px 0px">×</button>
  </div>
</div>

	
	</div>

  <!-- end stopka -->
<!-- ------------------------------------------------ --> 
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript">
    </script> 
<script src="js/bootstrap.js" type="text/javascript"></script> 
<script src="js/inicjatywy.js" type="text/javascript"></script> 
<script language="JavaScript">
    function changeSubmenuTo(s) {
		if(s == "inicjatywy"){
			window.location.href = 'subwebsite.html';
		}else if(s=="uzytkownicy"){
			window.location.href = 'subwebsite.html';
		}else if(s == "profil"){
			window.location.href = 'subwebsite.html';
		}
    }
</script> 
<!-- DRZEWO INICJATYW--> 
<script type="text/javascript" src="js/jquery.nestedAccordion.js"></script> 
<script type="text/javascript">
<!--//--><![CDATA[//><!--
$("html").addClass("js");
$.fn.accordion.defaults.container = false; 
$(function() {
  $("#drzewoInicjatyw").accordion({initShow : "#current"});
  $("html").removeClass("js");
});
//--><!]]>
</script>
</body>
</html>
